<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@ page import="java.util.List" %>
<%@ page import="com.google.appengine.api.datastore.DatastoreServiceFactory" %>
<%@ page import="com.google.appengine.api.datastore.DatastoreService" %>
<%@ page import="com.google.appengine.api.datastore.Query" %>
<%@ page import="com.google.appengine.api.datastore.Entity" %>
<%@ page import="com.google.appengine.api.datastore.FetchOptions" %>
<%@ page import="com.google.appengine.api.datastore.Key" %>
<%@ page import="com.google.appengine.api.datastore.KeyFactory" %>
<%@ page import="mististore.ProductoDatos" %>
<%@ page import="mististore.Producto" %>

<jsp:directive.include file="/header.html" />
<body>
<jsp:directive.include file="/header.jsp" />
<%
	String categoria=request.getParameter("categoria");
	String marca=request.getParameter("marca");

	ProductoDatos pd=new ProductoDatos();
	List<Producto> resultado;
	
	if(categoria!=null&&marca!=null&&categoria.compareTo("null")!=0&&marca.compareTo("null")!=0)
	{
		//resultado=pd.getDatosPor("nombre");
		resultado=pd.filtrarPorCategoriaMarca(categoria,marca);
	}
	else if(categoria!=null&&categoria.compareTo("null")!=0)
	{
		//resultado=pd.getDatosPor("nombre");
		resultado=pd.filtrarPorCategoria(categoria,"nombre");
	}
	else
	{
		resultado=pd.getDatosPor("nombre");
	}
	
	double registros=resultado.size();
	double numRegPagina=10;
	double numPagina=1;
	double fila=1;
	double pages=Math.ceil(registros/numRegPagina);
%> 

<article id="grid">
	<div id="breadcrumb">
	<%			
		if(categoria!=null&&marca!=null&&categoria.compareTo("null")!=0&&marca.compareTo("null")!=0)
			out.print("<a href=\"search.jsp\">Catálogo</a> > <a href=\"search.jsp?categoria="+categoria+"\">"+categoria.substring(0,1).toUpperCase()+categoria.substring(1)+"</a> > <h1>"+marca.substring(0,1).toUpperCase()+marca.substring(1)+"</h1>");
		else if(categoria!=null&&categoria.compareTo("null")!=0)
			out.print("<a href=\"search.jsp\">Catálogo</a> > <h1>"+categoria.substring(0,1).toUpperCase()+categoria.substring(1)+"</h1>");	
 	%></div>
    <header>
        <div class="paging">
            Página:
            <%
            	for(int i=1;(int)i<=pages;i++)
	            {
	            	if(request.getParameter("pagina")!=null&&request.getParameter("pagina").compareTo(String.valueOf(i))==0)
	            	{
	            		out.print("&nbsp;"+i+"&nbsp; | &nbsp;");
	            		numPagina=i;
	            	}
	            	else
	            		out.print("&nbsp;<a href=\"search.jsp?pagina="+i+"&categoria="+categoria+"&marca="+marca+"\" >"+i+"</a>&nbsp; | &nbsp;");
	            }
            %>
            <a href="search.jsp">Ver todo</a>
        </div>
        <form action="#" >
        <!--select onchange="javascript:addSort();" name="sortBy" id="sortBy">
            <option value="">Default</option>
            <option value="PriceHiLo">Price (High to Low)</option>
            <option value="PriceLoHi">Price (Low to High)</option>
            <option value="pID">Most Recent</option>
        </select-->&nbsp;
        	<% out.print("Mostrando "+(int)numPagina+"-"+(int)pages+" de "+(int)registros+" Productos(s)"); %>
        </form>
    </header>
    <ul id="items">
    <%
    	if(registros>0)
    	{
	    	fila=numRegPagina*(numPagina-1)+1;
	    	double tope=fila+numRegPagina;
	    	
	    	for(int i=(int)fila-1;i<tope-1;i++)
	    	{
	    		if(tope>registros)
	    		{
	    			tope=registros;
	    			tope++;
	    		}
	
		        out.print("<li>");
	            out.print("<a href=\"verproducto2.jsp?nombre="+resultado.get(i).getNombre()+"\"><img src=\"images/productos/"+resultado.get(i).getImagen()+"\" alt=\" "+resultado.get(i).getNombre()+" \"/></a>");
	            out.print(resultado.get(i).getMarca()+"<a href=\"verproducto2.jsp?nombre="+resultado.get(i).getNombre()+"\">"+resultado.get(i).getNombre()+"</a>");
	            out.print("<strong>S/. "+resultado.get(i).getPrecio()+"</strong>");
	            if(resultado.get(i).getCantidad()==0)
	            	out.print("<span class=\"sale\">Agotado</span>");
		    	out.print("</li>");
	      	}
    	}
    %>  
    </ul>
    <footer>
        <div class="paging">
            Página:
            <%
	            for(int i=1;i<=(int)pages;i++) 
	            {
	            	if(request.getParameter("pagina")!=null&&request.getParameter("pagina").compareTo(String.valueOf(i))==0)
	            	{
	            		out.print("&nbsp;"+i+"&nbsp; | &nbsp;");
	            		numPagina=i;
	            	}
	            	else
	            		out.print("&nbsp;<a href=\"search.jsp?pagina="+i+"&categoria="+categoria+"&marca="+marca+"\" >"+i+"</a>&nbsp; | &nbsp;");
	            }
            %>
            <a href="search.jsp">Ver todo</a>
        </div>
    </footer>
</article>
<jsp:directive.include file="/footer.html" />